<template>
    <div id="top">
        <div>
            <i class="el-icon-search"></i>
            <input placeholder="网易云课堂">
        </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
    #top{
        width:100%;
        height:0.6rem;
        margin-top:0.26rem;
        margin-left:0.12rem;
        display:flex;
        justify-content: center;
        align-items: center;
        position:relative;
        .el-icon-search{
            width:0.16rem;
            height:0.16rem;
            position:absolute;
            left:0.7rem;
            top:0.15rem;
            font-size:0.16rem;
            color:rgba(153,153,153,1)
        }
    }
        input{
            width:6rem;
            height:0.6rem;
            border-radius:0.15rem;
            line-height: 150%;
            text-align: left;
            padding:0.05rem 0.3rem;
            box-sizing: border-box;
            background: rgba(242,244,248,1)
        }
</style>